{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "<!--BOOK_INFORMATION-->\n",
    "<a href=\"https://user-images.githubusercontent.com/19553554/71825144-2d568180-30d6-11ea-8ee0-63c849cfd934.png\" target=\"_blank\"><img align=\"left\" style=\"width: 76px; height: 100px; background: white; padding: 1px; border: 1px solid black; margin-right:10px;\"></a>\n",
    "*pyecharts 是一个用于生成 Echarts 图表的类库。Echarts 是百度开源的一个数据可视化 JS 库。用 Echarts 生成的图可视化效果非常棒，为了与 Python 进行对接，方便在 Python 中直接使用数据生成图，于是有人开发出了这个项目[GitHub](https://github.com/pyecharts/pyecharts) .*\n",
    "\n",
    "*Note.建议本程序在参看https://github.com/pyecharts/pyecharts 的安装步骤后再运行； 本程序所有的例子都是从官方提供的样例代码[GitHub](https://github.com/pyecharts/pyecharts-gallery)中提取的,如果对某个API有疑问建议在IDE里面查看*\n",
    "\n",
    "*Echart类型图种大全:https://echarts.apache.org/examples/zh/#chart-type-line pyecharts图导入到ppt中的方法:https://baijiahao.baidu.com/s?id=1663839456876951842&wfr=spider&for=pc.*\n",
    "\n",
    "*作者: LBQ; 时间:2020/7/24. 邮箱:779660843@qq.com*"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# XX.地图(Map)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 基础示例"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"489222cb84a04c3493f6b30efa5c6216\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'china'], function(echarts) {\n",
       "                var chart_489222cb84a04c3493f6b30efa5c6216 = echarts.init(\n",
       "                    document.getElementById('489222cb84a04c3493f6b30efa5c6216'), 'white', {renderer: 'canvas'});\n",
       "                var option_489222cb84a04c3493f6b30efa5c6216 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"china\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                    \"value\": 143\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u5317\\u4eac\",\n",
       "                    \"value\": 34\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u4e0a\\u6d77\",\n",
       "                    \"value\": 41\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u897f\",\n",
       "                    \"value\": 42\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6e56\\u5357\",\n",
       "                    \"value\": 150\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6d59\\u6c5f\",\n",
       "                    \"value\": 93\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u82cf\",\n",
       "                    \"value\": 69\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {}\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-\\u57fa\\u672c\\u793a\\u4f8b\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_489222cb84a04c3493f6b30efa5c6216.setOption(option_489222cb84a04c3493f6b30efa5c6216);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f0520dc65c0>"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Map\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "c = (\n",
    "    Map()\n",
    "    .add(\"商家A\", [list(z) for z in zip(Faker.provinces, Faker.values())], \"china\")\n",
    "    .set_global_opts(title_opts=opts.TitleOpts(title=\"Map-基本示例\"))\n",
    "    #.render(\"map_base.html\")\n",
    ")\n",
    "c.load_javascript()\n",
    "c.render_notebook()\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 30年GPD变化示例"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/timeline.py:12: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/grid.py:17: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/grid.py:17: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/grid.py:17: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/grid.py:17: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n",
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/composite_charts/grid.py:17: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"6b0d6101e92a4336832225a63a2315ac\" style=\"width:1200px; height:800px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'china'], function(echarts) {\n",
       "                var chart_6b0d6101e92a4336832225a63a2315ac = echarts.init(\n",
       "                    document.getElementById('6b0d6101e92a4336832225a63a2315ac'), 'dark', {renderer: 'canvas'});\n",
       "                var option_6b0d6101e92a4336832225a63a2315ac = {\n",
       "    \"baseOption\": {\n",
       "        \"series\": [\n",
       "            {\n",
       "                \"type\": \"bar\",\n",
       "                \"xAxisIndex\": 0,\n",
       "                \"yAxisIndex\": 0,\n",
       "                \"legendHoverLink\": true,\n",
       "                \"data\": [\n",
       "                    {\n",
       "                        \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                        \"value\": 72812.55\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6c5f\\u82cf\",\n",
       "                        \"value\": 70116.38\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5c71\\u4e1c\",\n",
       "                        \"value\": 63002.3\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6d59\\u6c5f\",\n",
       "                        \"value\": 42886\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6cb3\\u5357\",\n",
       "                        \"value\": 37010.25\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u53f0\\u6e7e\",\n",
       "                        \"value\": 32604.52\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u56db\\u5ddd\",\n",
       "                        \"value\": 30103.1\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6cb3\\u5317\",\n",
       "                        \"value\": 29806.1\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6e56\\u5317\",\n",
       "                        \"value\": 29550.19\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6e56\\u5357\",\n",
       "                        \"value\": 29047.2\n",
       "                    }\n",
       "                ],\n",
       "                \"showBackground\": false,\n",
       "                \"barMinHeight\": 0,\n",
       "                \"barCategoryGap\": \"20%\",\n",
       "                \"barGap\": \"30%\",\n",
       "                \"large\": false,\n",
       "                \"largeThreshold\": 400,\n",
       "                \"seriesLayoutBy\": \"column\",\n",
       "                \"datasetIndex\": 0,\n",
       "                \"clip\": true,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"right\",\n",
       "                    \"margin\": 8,\n",
       "                    \"formatter\": \"{b}: {c}\"\n",
       "                }\n",
       "            },\n",
       "            {\n",
       "                \"type\": \"pie\",\n",
       "                \"clockwise\": true,\n",
       "                \"data\": [\n",
       "                    {\n",
       "                        \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                        \"value\": 72812.55\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6c5f\\u82cf\",\n",
       "                        \"value\": 70116.38\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5c71\\u4e1c\",\n",
       "                        \"value\": 63002.3\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6d59\\u6c5f\",\n",
       "                        \"value\": 42886\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6cb3\\u5357\",\n",
       "                        \"value\": 37010.25\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u53f0\\u6e7e\",\n",
       "                        \"value\": 32604.52\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u56db\\u5ddd\",\n",
       "                        \"value\": 30103.1\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6cb3\\u5317\",\n",
       "                        \"value\": 29806.1\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6e56\\u5317\",\n",
       "                        \"value\": 29550.19\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6e56\\u5357\",\n",
       "                        \"value\": 29047.2\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5176\\u4ed6\\u7701\\u4efd\",\n",
       "                        \"value\": 341713.44128686335\n",
       "                    }\n",
       "                ],\n",
       "                \"radius\": [\n",
       "                    \"12%\",\n",
       "                    \"20%\"\n",
       "                ],\n",
       "                \"center\": [\n",
       "                    \"75%\",\n",
       "                    \"85%\"\n",
       "                ],\n",
       "                \"label\": {\n",
       "                    \"show\": true,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                },\n",
       "                \"itemStyle\": {\n",
       "                    \"borderColor\": \"rgba(0,0,0,0.3)\",\n",
       "                    \"borderWidth\": 1\n",
       "                },\n",
       "                \"xAxisIndex\": 1,\n",
       "                \"yAxisIndex\": 1\n",
       "            },\n",
       "            {\n",
       "                \"type\": \"map\",\n",
       "                \"label\": {\n",
       "                    \"show\": false,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                },\n",
       "                \"mapType\": \"china\",\n",
       "                \"data\": [\n",
       "                    {\n",
       "                        \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                        \"value\": [\n",
       "                            72812.55,\n",
       "                            9.35,\n",
       "                            \"\\u5e7f\\u4e1c\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6c5f\\u82cf\",\n",
       "                        \"value\": [\n",
       "                            70116.38,\n",
       "                            9,\n",
       "                            \"\\u6c5f\\u82cf\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u5c71\\u4e1c\",\n",
       "                        \"value\": [\n",
       "                            63002.3,\n",
       "                            8.09,\n",
       "                            \"\\u5c71\\u4e1c\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6d59\\u6c5f\",\n",
       "                        \"value\": [\n",
       "                            42886,\n",
       "                            5.51,\n",
       "                            \"\\u6d59\\u6c5f\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6cb3\\u5357\",\n",
       "                        \"value\": [\n",
       "                            37010.25,\n",
       "                            4.75,\n",
       "                            \"\\u6cb3\\u5357\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u53f0\\u6e7e\",\n",
       "                        \"value\": [\n",
       "                            32604.52,\n",
       "                            4.19,\n",
       "                            \"\\u53f0\\u6e7e\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u56db\\u5ddd\",\n",
       "                        \"value\": [\n",
       "                            30103.1,\n",
       "                            3.87,\n",
       "                            \"\\u56db\\u5ddd\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6cb3\\u5317\",\n",
       "                        \"value\": [\n",
       "                            29806.1,\n",
       "                            3.83,\n",
       "                            \"\\u6cb3\\u5317\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6e56\\u5317\",\n",
       "                        \"value\": [\n",
       "                            29550.19,\n",
       "                            3.8,\n",
       "                            \"\\u6e56\\u5317\"\n",
       "                        ]\n",
       "                    },\n",
       "                    {\n",
       "                        \"name\": \"\\u6e56\\u5357\",\n",
       "                        \"value\": [\n",
       "                            29047.2,\n",
       "                            3.73,\n",
       "                            \"\\u6e56\\u5357\"\n",
       "                        ]\n",
       "                    }\n",
       "                ],\n",
       "                \"roam\": true,\n",
       "                \"zoom\": 1,\n",
       "                \"showLegendSymbol\": false,\n",
       "                \"itemStyle\": {\n",
       "                    \"normal\": {\n",
       "                        \"areaColor\": \"#323c48\",\n",
       "                        \"borderColor\": \"#404a59\"\n",
       "                    },\n",
       "                    \"emphasis\": {\n",
       "                        \"label\": {\n",
       "                            \"show\": null\n",
       "                        },\n",
       "                        \"areaColor\": \"rgba(255,255,255, 0.5)\"\n",
       "                    }\n",
       "                },\n",
       "                \"emphasis\": {},\n",
       "                \"xAxisIndex\": 2,\n",
       "                \"yAxisIndex\": 2\n",
       "            }\n",
       "        ],\n",
       "        \"timeline\": {\n",
       "            \"axisType\": \"category\",\n",
       "            \"orient\": \"vertical\",\n",
       "            \"autoPlay\": true,\n",
       "            \"controlPosition\": \"left\",\n",
       "            \"loop\": true,\n",
       "            \"rewind\": false,\n",
       "            \"show\": true,\n",
       "            \"inverse\": true,\n",
       "            \"playInterval\": 5000,\n",
       "            \"left\": \"null\",\n",
       "            \"right\": \"5\",\n",
       "            \"top\": \"20\",\n",
       "            \"bottom\": \"20\",\n",
       "            \"width\": \"50\",\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"color\": \"#fff\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"data\": [\n",
       "                \"1980\",\n",
       "                \"2000\",\n",
       "                \"2005\",\n",
       "                \"2010\",\n",
       "                \"2015\"\n",
       "            ]\n",
       "        },\n",
       "        \"grid\": [\n",
       "            {\n",
       "                \"show\": false,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"left\": \"10\",\n",
       "                \"top\": \"70%\",\n",
       "                \"right\": \"45%\",\n",
       "                \"bottom\": \"5\",\n",
       "                \"containLabel\": false,\n",
       "                \"backgroundColor\": \"transparent\",\n",
       "                \"borderColor\": \"#ccc\",\n",
       "                \"borderWidth\": 1\n",
       "            },\n",
       "            {\n",
       "                \"show\": false,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"containLabel\": false,\n",
       "                \"backgroundColor\": \"transparent\",\n",
       "                \"borderColor\": \"#ccc\",\n",
       "                \"borderWidth\": 1\n",
       "            },\n",
       "            {\n",
       "                \"show\": false,\n",
       "                \"zlevel\": 0,\n",
       "                \"z\": 2,\n",
       "                \"containLabel\": false,\n",
       "                \"backgroundColor\": \"transparent\",\n",
       "                \"borderColor\": \"#ccc\",\n",
       "                \"borderWidth\": 1\n",
       "            }\n",
       "        ],\n",
       "        \"xAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"axisLabel\": {\n",
       "                    \"show\": false,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                },\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                }\n",
       "            }\n",
       "        ],\n",
       "        \"yAxis\": [\n",
       "            {\n",
       "                \"show\": true,\n",
       "                \"scale\": false,\n",
       "                \"nameLocation\": \"end\",\n",
       "                \"nameGap\": 15,\n",
       "                \"gridIndex\": 0,\n",
       "                \"axisLabel\": {\n",
       "                    \"show\": false,\n",
       "                    \"position\": \"top\",\n",
       "                    \"margin\": 8\n",
       "                },\n",
       "                \"inverse\": false,\n",
       "                \"offset\": 0,\n",
       "                \"splitNumber\": 5,\n",
       "                \"minInterval\": 0,\n",
       "                \"splitLine\": {\n",
       "                    \"show\": false,\n",
       "                    \"lineStyle\": {\n",
       "                        \"show\": true,\n",
       "                        \"width\": 1,\n",
       "                        \"opacity\": 1,\n",
       "                        \"curveness\": 0,\n",
       "                        \"type\": \"solid\"\n",
       "                    }\n",
       "                },\n",
       "                \"data\": [\n",
       "                    \"\\u5e7f\\u4e1c\",\n",
       "                    \"\\u6c5f\\u82cf\",\n",
       "                    \"\\u5c71\\u4e1c\",\n",
       "                    \"\\u6d59\\u6c5f\",\n",
       "                    \"\\u6cb3\\u5357\",\n",
       "                    \"\\u53f0\\u6e7e\",\n",
       "                    \"\\u56db\\u5ddd\",\n",
       "                    \"\\u6cb3\\u5317\",\n",
       "                    \"\\u6e56\\u5317\",\n",
       "                    \"\\u6e56\\u5357\"\n",
       "                ]\n",
       "            }\n",
       "        ],\n",
       "        \"visualMap\": {\n",
       "            \"show\": true,\n",
       "            \"type\": \"continuous\",\n",
       "            \"min\": 29047.2,\n",
       "            \"max\": 72812.55,\n",
       "            \"text\": [\n",
       "                \"High\",\n",
       "                \"Low\"\n",
       "            ],\n",
       "            \"textStyle\": {\n",
       "                \"color\": \"#ddd\"\n",
       "            },\n",
       "            \"inRange\": {\n",
       "                \"color\": [\n",
       "                    \"lightskyblue\",\n",
       "                    \"yellow\",\n",
       "                    \"orangered\"\n",
       "                ]\n",
       "            },\n",
       "            \"calculable\": true,\n",
       "            \"inverse\": false,\n",
       "            \"splitNumber\": 5,\n",
       "            \"dimension\": 0,\n",
       "            \"orient\": \"vertical\",\n",
       "            \"left\": \"10\",\n",
       "            \"top\": \"center\",\n",
       "            \"showLabel\": true,\n",
       "            \"itemWidth\": 20,\n",
       "            \"itemHeight\": 140,\n",
       "            \"borderWidth\": 0\n",
       "        }\n",
       "    },\n",
       "    \"options\": [\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u9999\\u6e2f\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u8fbd\\u5b81\",\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u56db\\u5ddd\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u9ed1\\u9f99\\u6c5f\",\n",
       "                        \"\\u5176\\u4ed6\\u7701\\u4efd\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": false,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"xAxisIndex\": 0,\n",
       "                    \"yAxisIndex\": 0,\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 633.76\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": 432.47\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 319.8\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 311.89\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 292.13\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 281\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 249.65\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": 229.31\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 229.16\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9ed1\\u9f99\\u6c5f\",\n",
       "                            \"value\": 221\n",
       "                        }\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8,\n",
       "                        \"formatter\": \"{b}: {c}\"\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 633.76\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": 432.47\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 319.8\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 311.89\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 292.13\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 281\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 249.65\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": 229.31\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 229.16\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9ed1\\u9f99\\u6c5f\",\n",
       "                            \"value\": 221\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5176\\u4ed6\\u7701\\u4efd\",\n",
       "                            \"value\": 1961.1168224299067\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"12%\",\n",
       "                        \"20%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"75%\",\n",
       "                        \"85%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"itemStyle\": {\n",
       "                        \"borderColor\": \"rgba(0,0,0,0.3)\",\n",
       "                        \"borderWidth\": 1\n",
       "                    },\n",
       "                    \"xAxisIndex\": 1,\n",
       "                    \"yAxisIndex\": 1\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"map\",\n",
       "                    \"label\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"mapType\": \"china\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": [\n",
       "                                633.76,\n",
       "                                12.28,\n",
       "                                \"\\u53f0\\u6e7e\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": [\n",
       "                                432.47,\n",
       "                                8.38,\n",
       "                                \"\\u9999\\u6e2f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": [\n",
       "                                319.8,\n",
       "                                6.2,\n",
       "                                \"\\u6c5f\\u82cf\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": [\n",
       "                                311.89,\n",
       "                                6.05,\n",
       "                                \"\\u4e0a\\u6d77\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                292.13,\n",
       "                                5.66,\n",
       "                                \"\\u5c71\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": [\n",
       "                                281,\n",
       "                                5.45,\n",
       "                                \"\\u8fbd\\u5b81\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                249.65,\n",
       "                                4.84,\n",
       "                                \"\\u5e7f\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": [\n",
       "                                229.31,\n",
       "                                4.44,\n",
       "                                \"\\u56db\\u5ddd\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": [\n",
       "                                229.16,\n",
       "                                4.44,\n",
       "                                \"\\u6cb3\\u5357\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9ed1\\u9f99\\u6c5f\",\n",
       "                            \"value\": [\n",
       "                                221,\n",
       "                                4.28,\n",
       "                                \"\\u9ed1\\u9f99\\u6c5f\"\n",
       "                            ]\n",
       "                        }\n",
       "                    ],\n",
       "                    \"roam\": true,\n",
       "                    \"zoom\": 1,\n",
       "                    \"showLegendSymbol\": false,\n",
       "                    \"itemStyle\": {\n",
       "                        \"normal\": {\n",
       "                            \"areaColor\": \"#323c48\",\n",
       "                            \"borderColor\": \"#404a59\"\n",
       "                        },\n",
       "                        \"emphasis\": {\n",
       "                            \"label\": {\n",
       "                                \"show\": null\n",
       "                            },\n",
       "                            \"areaColor\": \"rgba(255,255,255, 0.5)\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"emphasis\": {},\n",
       "                    \"xAxisIndex\": 2,\n",
       "                    \"yAxisIndex\": 2\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u9999\\u6e2f\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u8fbd\\u5b81\",\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u56db\\u5ddd\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u9ed1\\u9f99\\u6c5f\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"text\": \"1980\\u5e74\\u4ee5\\u6765\\u4e2d\\u56fd\\u5404\\u7701GDP\\u6392\\u540d\\u53d8\\u5316\\u60c5\\u51b5\",\n",
       "                    \"subtext\": \"GDP\\u5355\\u4f4d:\\u4ebf\\u5143\",\n",
       "                    \"left\": \"center\",\n",
       "                    \"top\": \"top\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"textStyle\": {\n",
       "                        \"color\": \"rgba(255,255,255, 0.9)\",\n",
       "                        \"fontSize\": 25\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": false,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"visualMap\": {\n",
       "                \"show\": true,\n",
       "                \"type\": \"continuous\",\n",
       "                \"min\": 221,\n",
       "                \"max\": 633.76,\n",
       "                \"text\": [\n",
       "                    \"High\",\n",
       "                    \"Low\"\n",
       "                ],\n",
       "                \"textStyle\": {\n",
       "                    \"color\": \"#ddd\"\n",
       "                },\n",
       "                \"inRange\": {\n",
       "                    \"color\": [\n",
       "                        \"lightskyblue\",\n",
       "                        \"yellow\",\n",
       "                        \"orangered\"\n",
       "                    ]\n",
       "                },\n",
       "                \"calculable\": true,\n",
       "                \"inverse\": false,\n",
       "                \"splitNumber\": 5,\n",
       "                \"dimension\": 0,\n",
       "                \"orient\": \"vertical\",\n",
       "                \"left\": \"10\",\n",
       "                \"top\": \"center\",\n",
       "                \"showLabel\": true,\n",
       "                \"itemWidth\": 20,\n",
       "                \"itemHeight\": 140,\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"1980 \\u5e74\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 110,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u9999\\u6e2f\",\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u8fbd\\u5b81\",\n",
       "                        \"\\u5176\\u4ed6\\u7701\\u4efd\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": false,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"xAxisIndex\": 0,\n",
       "                    \"yAxisIndex\": 0,\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 27435.15\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": 14201.59\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 10741.25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 8553.69\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 8337.47\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 6141.03\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 5052.99\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 5043.96\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 4771.17\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 4669.1\n",
       "                        }\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8,\n",
       "                        \"formatter\": \"{b}: {c}\"\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 27435.15\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": 14201.59\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 10741.25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 8553.69\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 8337.47\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 6141.03\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 5052.99\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 5043.96\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 4771.17\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 4669.1\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5176\\u4ed6\\u7701\\u4efd\",\n",
       "                            \"value\": 45999.803927492445\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"12%\",\n",
       "                        \"20%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"75%\",\n",
       "                        \"85%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"itemStyle\": {\n",
       "                        \"borderColor\": \"rgba(0,0,0,0.3)\",\n",
       "                        \"borderWidth\": 1\n",
       "                    },\n",
       "                    \"xAxisIndex\": 1,\n",
       "                    \"yAxisIndex\": 1\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"map\",\n",
       "                    \"label\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"mapType\": \"china\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": [\n",
       "                                27435.15,\n",
       "                                19.47,\n",
       "                                \"\\u53f0\\u6e7e\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": [\n",
       "                                14201.59,\n",
       "                                10.08,\n",
       "                                \"\\u9999\\u6e2f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                10741.25,\n",
       "                                7.62,\n",
       "                                \"\\u5e7f\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": [\n",
       "                                8553.69,\n",
       "                                6.07,\n",
       "                                \"\\u6c5f\\u82cf\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                8337.47,\n",
       "                                5.92,\n",
       "                                \"\\u5c71\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": [\n",
       "                                6141.03,\n",
       "                                4.36,\n",
       "                                \"\\u6d59\\u6c5f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": [\n",
       "                                5052.99,\n",
       "                                3.59,\n",
       "                                \"\\u6cb3\\u5357\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": [\n",
       "                                5043.96,\n",
       "                                3.58,\n",
       "                                \"\\u6cb3\\u5317\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": [\n",
       "                                4771.17,\n",
       "                                3.39,\n",
       "                                \"\\u4e0a\\u6d77\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": [\n",
       "                                4669.1,\n",
       "                                3.31,\n",
       "                                \"\\u8fbd\\u5b81\"\n",
       "                            ]\n",
       "                        }\n",
       "                    ],\n",
       "                    \"roam\": true,\n",
       "                    \"zoom\": 1,\n",
       "                    \"showLegendSymbol\": false,\n",
       "                    \"itemStyle\": {\n",
       "                        \"normal\": {\n",
       "                            \"areaColor\": \"#323c48\",\n",
       "                            \"borderColor\": \"#404a59\"\n",
       "                        },\n",
       "                        \"emphasis\": {\n",
       "                            \"label\": {\n",
       "                                \"show\": null\n",
       "                            },\n",
       "                            \"areaColor\": \"rgba(255,255,255, 0.5)\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"emphasis\": {},\n",
       "                    \"xAxisIndex\": 2,\n",
       "                    \"yAxisIndex\": 2\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u9999\\u6e2f\",\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u8fbd\\u5b81\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"text\": \"1980\\u5e74\\u4ee5\\u6765\\u4e2d\\u56fd\\u5404\\u7701GDP\\u6392\\u540d\\u53d8\\u5316\\u60c5\\u51b5\",\n",
       "                    \"subtext\": \"GDP\\u5355\\u4f4d:\\u4ebf\\u5143\",\n",
       "                    \"left\": \"center\",\n",
       "                    \"top\": \"top\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"textStyle\": {\n",
       "                        \"color\": \"rgba(255,255,255, 0.9)\",\n",
       "                        \"fontSize\": 25\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": false,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"visualMap\": {\n",
       "                \"show\": true,\n",
       "                \"type\": \"continuous\",\n",
       "                \"min\": 4669.1,\n",
       "                \"max\": 27435.15,\n",
       "                \"text\": [\n",
       "                    \"High\",\n",
       "                    \"Low\"\n",
       "                ],\n",
       "                \"textStyle\": {\n",
       "                    \"color\": \"#ddd\"\n",
       "                },\n",
       "                \"inRange\": {\n",
       "                    \"color\": [\n",
       "                        \"lightskyblue\",\n",
       "                        \"yellow\",\n",
       "                        \"orangered\"\n",
       "                    ]\n",
       "                },\n",
       "                \"calculable\": true,\n",
       "                \"inverse\": false,\n",
       "                \"splitNumber\": 5,\n",
       "                \"dimension\": 0,\n",
       "                \"orient\": \"vertical\",\n",
       "                \"left\": \"10\",\n",
       "                \"top\": \"center\",\n",
       "                \"showLabel\": true,\n",
       "                \"itemWidth\": 20,\n",
       "                \"itemHeight\": 140,\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"2000 \\u5e74\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 110,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u9999\\u6e2f\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u8fbd\\u5b81\",\n",
       "                        \"\\u5176\\u4ed6\\u7701\\u4efd\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": false,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"xAxisIndex\": 0,\n",
       "                    \"yAxisIndex\": 0,\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 30792.89\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 22527.37\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 18598.69\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 18366.87\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": 14869.68\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 13417.68\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 10587.42\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 10043.42\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 9247.66\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 8047.3\n",
       "                        }\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8,\n",
       "                        \"formatter\": \"{b}: {c}\"\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 30792.89\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 22527.37\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 18598.69\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 18366.87\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": 14869.68\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 13417.68\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 10587.42\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 10043.42\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 9247.66\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 8047.3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5176\\u4ed6\\u7701\\u4efd\",\n",
       "                            \"value\": 89504.67920489298\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"12%\",\n",
       "                        \"20%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"75%\",\n",
       "                        \"85%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"itemStyle\": {\n",
       "                        \"borderColor\": \"rgba(0,0,0,0.3)\",\n",
       "                        \"borderWidth\": 1\n",
       "                    },\n",
       "                    \"xAxisIndex\": 1,\n",
       "                    \"yAxisIndex\": 1\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"map\",\n",
       "                    \"label\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"mapType\": \"china\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": [\n",
       "                                30792.89,\n",
       "                                12.52,\n",
       "                                \"\\u53f0\\u6e7e\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                22527.37,\n",
       "                                9.16,\n",
       "                                \"\\u5e7f\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": [\n",
       "                                18598.69,\n",
       "                                7.56,\n",
       "                                \"\\u6c5f\\u82cf\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                18366.87,\n",
       "                                7.47,\n",
       "                                \"\\u5c71\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u9999\\u6e2f\",\n",
       "                            \"value\": [\n",
       "                                14869.68,\n",
       "                                6.05,\n",
       "                                \"\\u9999\\u6e2f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": [\n",
       "                                13417.68,\n",
       "                                5.46,\n",
       "                                \"\\u6d59\\u6c5f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": [\n",
       "                                10587.42,\n",
       "                                4.3,\n",
       "                                \"\\u6cb3\\u5357\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": [\n",
       "                                10043.42,\n",
       "                                4.08,\n",
       "                                \"\\u6cb3\\u5317\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": [\n",
       "                                9247.66,\n",
       "                                3.76,\n",
       "                                \"\\u4e0a\\u6d77\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": [\n",
       "                                8047.3,\n",
       "                                3.27,\n",
       "                                \"\\u8fbd\\u5b81\"\n",
       "                            ]\n",
       "                        }\n",
       "                    ],\n",
       "                    \"roam\": true,\n",
       "                    \"zoom\": 1,\n",
       "                    \"showLegendSymbol\": false,\n",
       "                    \"itemStyle\": {\n",
       "                        \"normal\": {\n",
       "                            \"areaColor\": \"#323c48\",\n",
       "                            \"borderColor\": \"#404a59\"\n",
       "                        },\n",
       "                        \"emphasis\": {\n",
       "                            \"label\": {\n",
       "                                \"show\": null\n",
       "                            },\n",
       "                            \"areaColor\": \"rgba(255,255,255, 0.5)\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"emphasis\": {},\n",
       "                    \"xAxisIndex\": 2,\n",
       "                    \"yAxisIndex\": 2\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u9999\\u6e2f\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u8fbd\\u5b81\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"text\": \"1980\\u5e74\\u4ee5\\u6765\\u4e2d\\u56fd\\u5404\\u7701GDP\\u6392\\u540d\\u53d8\\u5316\\u60c5\\u51b5\",\n",
       "                    \"subtext\": \"GDP\\u5355\\u4f4d:\\u4ebf\\u5143\",\n",
       "                    \"left\": \"center\",\n",
       "                    \"top\": \"top\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"textStyle\": {\n",
       "                        \"color\": \"rgba(255,255,255, 0.9)\",\n",
       "                        \"fontSize\": 25\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": false,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"visualMap\": {\n",
       "                \"show\": true,\n",
       "                \"type\": \"continuous\",\n",
       "                \"min\": 8047.3,\n",
       "                \"max\": 30792.89,\n",
       "                \"text\": [\n",
       "                    \"High\",\n",
       "                    \"Low\"\n",
       "                ],\n",
       "                \"textStyle\": {\n",
       "                    \"color\": \"#ddd\"\n",
       "                },\n",
       "                \"inRange\": {\n",
       "                    \"color\": [\n",
       "                        \"lightskyblue\",\n",
       "                        \"yellow\",\n",
       "                        \"orangered\"\n",
       "                    ]\n",
       "                },\n",
       "                \"calculable\": true,\n",
       "                \"inverse\": false,\n",
       "                \"splitNumber\": 5,\n",
       "                \"dimension\": 0,\n",
       "                \"orient\": \"vertical\",\n",
       "                \"left\": \"10\",\n",
       "                \"top\": \"center\",\n",
       "                \"showLabel\": true,\n",
       "                \"itemWidth\": 20,\n",
       "                \"itemHeight\": 140,\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"2005 \\u5e74\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 110,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u8fbd\\u5b81\",\n",
       "                        \"\\u56db\\u5ddd\",\n",
       "                        \"\\u4e0a\\u6d77\",\n",
       "                        \"\\u5176\\u4ed6\\u7701\\u4efd\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": false,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"xAxisIndex\": 0,\n",
       "                    \"yAxisIndex\": 0,\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 46036.25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 41425.48\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 39169.92\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 30205.64\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 27747.65\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 23092.36\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 20394.26\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 18457.3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": 17185.48\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 17165.98\n",
       "                        }\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8,\n",
       "                        \"formatter\": \"{b}: {c}\"\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 46036.25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 41425.48\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 39169.92\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 30205.64\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 27747.65\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 23092.36\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 20394.26\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": 18457.3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": 17185.48\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": 17165.98\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5176\\u4ed6\\u7701\\u4efd\",\n",
       "                            \"value\": 204052.10124293785\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"12%\",\n",
       "                        \"20%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"75%\",\n",
       "                        \"85%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"itemStyle\": {\n",
       "                        \"borderColor\": \"rgba(0,0,0,0.3)\",\n",
       "                        \"borderWidth\": 1\n",
       "                    },\n",
       "                    \"xAxisIndex\": 1,\n",
       "                    \"yAxisIndex\": 1\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"map\",\n",
       "                    \"label\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"mapType\": \"china\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                46036.25,\n",
       "                                9.49,\n",
       "                                \"\\u5e7f\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": [\n",
       "                                41425.48,\n",
       "                                8.54,\n",
       "                                \"\\u6c5f\\u82cf\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                39169.92,\n",
       "                                8.08,\n",
       "                                \"\\u5c71\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": [\n",
       "                                30205.64,\n",
       "                                6.23,\n",
       "                                \"\\u53f0\\u6e7e\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": [\n",
       "                                27747.65,\n",
       "                                5.72,\n",
       "                                \"\\u6d59\\u6c5f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": [\n",
       "                                23092.36,\n",
       "                                4.76,\n",
       "                                \"\\u6cb3\\u5357\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": [\n",
       "                                20394.26,\n",
       "                                4.21,\n",
       "                                \"\\u6cb3\\u5317\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u8fbd\\u5b81\",\n",
       "                            \"value\": [\n",
       "                                18457.3,\n",
       "                                3.81,\n",
       "                                \"\\u8fbd\\u5b81\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": [\n",
       "                                17185.48,\n",
       "                                3.54,\n",
       "                                \"\\u56db\\u5ddd\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u4e0a\\u6d77\",\n",
       "                            \"value\": [\n",
       "                                17165.98,\n",
       "                                3.54,\n",
       "                                \"\\u4e0a\\u6d77\"\n",
       "                            ]\n",
       "                        }\n",
       "                    ],\n",
       "                    \"roam\": true,\n",
       "                    \"zoom\": 1,\n",
       "                    \"showLegendSymbol\": false,\n",
       "                    \"itemStyle\": {\n",
       "                        \"normal\": {\n",
       "                            \"areaColor\": \"#323c48\",\n",
       "                            \"borderColor\": \"#404a59\"\n",
       "                        },\n",
       "                        \"emphasis\": {\n",
       "                            \"label\": {\n",
       "                                \"show\": null\n",
       "                            },\n",
       "                            \"areaColor\": \"rgba(255,255,255, 0.5)\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"emphasis\": {},\n",
       "                    \"xAxisIndex\": 2,\n",
       "                    \"yAxisIndex\": 2\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u8fbd\\u5b81\",\n",
       "                        \"\\u56db\\u5ddd\",\n",
       "                        \"\\u4e0a\\u6d77\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"text\": \"1980\\u5e74\\u4ee5\\u6765\\u4e2d\\u56fd\\u5404\\u7701GDP\\u6392\\u540d\\u53d8\\u5316\\u60c5\\u51b5\",\n",
       "                    \"subtext\": \"GDP\\u5355\\u4f4d:\\u4ebf\\u5143\",\n",
       "                    \"left\": \"center\",\n",
       "                    \"top\": \"top\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"textStyle\": {\n",
       "                        \"color\": \"rgba(255,255,255, 0.9)\",\n",
       "                        \"fontSize\": 25\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": false,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"visualMap\": {\n",
       "                \"show\": true,\n",
       "                \"type\": \"continuous\",\n",
       "                \"min\": 17165.98,\n",
       "                \"max\": 46036.25,\n",
       "                \"text\": [\n",
       "                    \"High\",\n",
       "                    \"Low\"\n",
       "                ],\n",
       "                \"textStyle\": {\n",
       "                    \"color\": \"#ddd\"\n",
       "                },\n",
       "                \"inRange\": {\n",
       "                    \"color\": [\n",
       "                        \"lightskyblue\",\n",
       "                        \"yellow\",\n",
       "                        \"orangered\"\n",
       "                    ]\n",
       "                },\n",
       "                \"calculable\": true,\n",
       "                \"inverse\": false,\n",
       "                \"splitNumber\": 5,\n",
       "                \"dimension\": 0,\n",
       "                \"orient\": \"vertical\",\n",
       "                \"left\": \"10\",\n",
       "                \"top\": \"center\",\n",
       "                \"showLabel\": true,\n",
       "                \"itemWidth\": 20,\n",
       "                \"itemHeight\": 140,\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"2010 \\u5e74\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 110,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        },\n",
       "        {\n",
       "            \"legend\": [\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u56db\\u5ddd\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u6e56\\u5317\",\n",
       "                        \"\\u6e56\\u5357\",\n",
       "                        \"\\u5176\\u4ed6\\u7701\\u4efd\"\n",
       "                    ],\n",
       "                    \"selected\": {},\n",
       "                    \"show\": false,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                },\n",
       "                {\n",
       "                    \"data\": [\n",
       "                        \"\"\n",
       "                    ],\n",
       "                    \"selected\": {\n",
       "                        \"\": true\n",
       "                    },\n",
       "                    \"show\": true,\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"itemWidth\": 25,\n",
       "                    \"itemHeight\": 14\n",
       "                }\n",
       "            ],\n",
       "            \"series\": [\n",
       "                {\n",
       "                    \"type\": \"bar\",\n",
       "                    \"xAxisIndex\": 0,\n",
       "                    \"yAxisIndex\": 0,\n",
       "                    \"legendHoverLink\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 72812.55\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 70116.38\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 63002.3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 42886\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 37010.25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 32604.52\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": 30103.1\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 29806.1\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6e56\\u5317\",\n",
       "                            \"value\": 29550.19\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6e56\\u5357\",\n",
       "                            \"value\": 29047.2\n",
       "                        }\n",
       "                    ],\n",
       "                    \"showBackground\": false,\n",
       "                    \"barMinHeight\": 0,\n",
       "                    \"barCategoryGap\": \"20%\",\n",
       "                    \"barGap\": \"30%\",\n",
       "                    \"large\": false,\n",
       "                    \"largeThreshold\": 400,\n",
       "                    \"seriesLayoutBy\": \"column\",\n",
       "                    \"datasetIndex\": 0,\n",
       "                    \"clip\": true,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"z\": 2,\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"right\",\n",
       "                        \"margin\": 8,\n",
       "                        \"formatter\": \"{b}: {c}\"\n",
       "                    }\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"pie\",\n",
       "                    \"clockwise\": true,\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": 72812.55\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": 70116.38\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": 63002.3\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": 42886\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": 37010.25\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": 32604.52\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": 30103.1\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": 29806.1\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6e56\\u5317\",\n",
       "                            \"value\": 29550.19\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6e56\\u5357\",\n",
       "                            \"value\": 29047.2\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5176\\u4ed6\\u7701\\u4efd\",\n",
       "                            \"value\": 341713.44128686335\n",
       "                        }\n",
       "                    ],\n",
       "                    \"radius\": [\n",
       "                        \"12%\",\n",
       "                        \"20%\"\n",
       "                    ],\n",
       "                    \"center\": [\n",
       "                        \"75%\",\n",
       "                        \"85%\"\n",
       "                    ],\n",
       "                    \"label\": {\n",
       "                        \"show\": true,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"itemStyle\": {\n",
       "                        \"borderColor\": \"rgba(0,0,0,0.3)\",\n",
       "                        \"borderWidth\": 1\n",
       "                    },\n",
       "                    \"xAxisIndex\": 1,\n",
       "                    \"yAxisIndex\": 1\n",
       "                },\n",
       "                {\n",
       "                    \"type\": \"map\",\n",
       "                    \"label\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"mapType\": \"china\",\n",
       "                    \"data\": [\n",
       "                        {\n",
       "                            \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                72812.55,\n",
       "                                9.35,\n",
       "                                \"\\u5e7f\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6c5f\\u82cf\",\n",
       "                            \"value\": [\n",
       "                                70116.38,\n",
       "                                9,\n",
       "                                \"\\u6c5f\\u82cf\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u5c71\\u4e1c\",\n",
       "                            \"value\": [\n",
       "                                63002.3,\n",
       "                                8.09,\n",
       "                                \"\\u5c71\\u4e1c\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6d59\\u6c5f\",\n",
       "                            \"value\": [\n",
       "                                42886,\n",
       "                                5.51,\n",
       "                                \"\\u6d59\\u6c5f\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5357\",\n",
       "                            \"value\": [\n",
       "                                37010.25,\n",
       "                                4.75,\n",
       "                                \"\\u6cb3\\u5357\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u53f0\\u6e7e\",\n",
       "                            \"value\": [\n",
       "                                32604.52,\n",
       "                                4.19,\n",
       "                                \"\\u53f0\\u6e7e\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u56db\\u5ddd\",\n",
       "                            \"value\": [\n",
       "                                30103.1,\n",
       "                                3.87,\n",
       "                                \"\\u56db\\u5ddd\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6cb3\\u5317\",\n",
       "                            \"value\": [\n",
       "                                29806.1,\n",
       "                                3.83,\n",
       "                                \"\\u6cb3\\u5317\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6e56\\u5317\",\n",
       "                            \"value\": [\n",
       "                                29550.19,\n",
       "                                3.8,\n",
       "                                \"\\u6e56\\u5317\"\n",
       "                            ]\n",
       "                        },\n",
       "                        {\n",
       "                            \"name\": \"\\u6e56\\u5357\",\n",
       "                            \"value\": [\n",
       "                                29047.2,\n",
       "                                3.73,\n",
       "                                \"\\u6e56\\u5357\"\n",
       "                            ]\n",
       "                        }\n",
       "                    ],\n",
       "                    \"roam\": true,\n",
       "                    \"zoom\": 1,\n",
       "                    \"showLegendSymbol\": false,\n",
       "                    \"itemStyle\": {\n",
       "                        \"normal\": {\n",
       "                            \"areaColor\": \"#323c48\",\n",
       "                            \"borderColor\": \"#404a59\"\n",
       "                        },\n",
       "                        \"emphasis\": {\n",
       "                            \"label\": {\n",
       "                                \"show\": null\n",
       "                            },\n",
       "                            \"areaColor\": \"rgba(255,255,255, 0.5)\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"emphasis\": {},\n",
       "                    \"xAxisIndex\": 2,\n",
       "                    \"yAxisIndex\": 2\n",
       "                }\n",
       "            ],\n",
       "            \"xAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"yAxis\": [\n",
       "                {\n",
       "                    \"show\": true,\n",
       "                    \"scale\": false,\n",
       "                    \"nameLocation\": \"end\",\n",
       "                    \"nameGap\": 15,\n",
       "                    \"gridIndex\": 0,\n",
       "                    \"axisLabel\": {\n",
       "                        \"show\": false,\n",
       "                        \"position\": \"top\",\n",
       "                        \"margin\": 8\n",
       "                    },\n",
       "                    \"inverse\": false,\n",
       "                    \"offset\": 0,\n",
       "                    \"splitNumber\": 5,\n",
       "                    \"minInterval\": 0,\n",
       "                    \"splitLine\": {\n",
       "                        \"show\": false,\n",
       "                        \"lineStyle\": {\n",
       "                            \"show\": true,\n",
       "                            \"width\": 1,\n",
       "                            \"opacity\": 1,\n",
       "                            \"curveness\": 0,\n",
       "                            \"type\": \"solid\"\n",
       "                        }\n",
       "                    },\n",
       "                    \"data\": [\n",
       "                        \"\\u5e7f\\u4e1c\",\n",
       "                        \"\\u6c5f\\u82cf\",\n",
       "                        \"\\u5c71\\u4e1c\",\n",
       "                        \"\\u6d59\\u6c5f\",\n",
       "                        \"\\u6cb3\\u5357\",\n",
       "                        \"\\u53f0\\u6e7e\",\n",
       "                        \"\\u56db\\u5ddd\",\n",
       "                        \"\\u6cb3\\u5317\",\n",
       "                        \"\\u6e56\\u5317\",\n",
       "                        \"\\u6e56\\u5357\"\n",
       "                    ]\n",
       "                }\n",
       "            ],\n",
       "            \"title\": [\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10\n",
       "                },\n",
       "                {\n",
       "                    \"text\": \"1980\\u5e74\\u4ee5\\u6765\\u4e2d\\u56fd\\u5404\\u7701GDP\\u6392\\u540d\\u53d8\\u5316\\u60c5\\u51b5\",\n",
       "                    \"subtext\": \"GDP\\u5355\\u4f4d:\\u4ebf\\u5143\",\n",
       "                    \"left\": \"center\",\n",
       "                    \"top\": \"top\",\n",
       "                    \"padding\": 5,\n",
       "                    \"itemGap\": 10,\n",
       "                    \"textStyle\": {\n",
       "                        \"color\": \"rgba(255,255,255, 0.9)\",\n",
       "                        \"fontSize\": 25\n",
       "                    }\n",
       "                }\n",
       "            ],\n",
       "            \"tooltip\": {\n",
       "                \"show\": false,\n",
       "                \"trigger\": \"item\",\n",
       "                \"triggerOn\": \"mousemove|click\",\n",
       "                \"axisPointer\": {\n",
       "                    \"type\": \"line\"\n",
       "                },\n",
       "                \"showContent\": true,\n",
       "                \"alwaysShowContent\": false,\n",
       "                \"showDelay\": 0,\n",
       "                \"hideDelay\": 100,\n",
       "                \"textStyle\": {\n",
       "                    \"fontSize\": 14\n",
       "                },\n",
       "                \"borderWidth\": 0,\n",
       "                \"padding\": 5\n",
       "            },\n",
       "            \"visualMap\": {\n",
       "                \"show\": true,\n",
       "                \"type\": \"continuous\",\n",
       "                \"min\": 29047.2,\n",
       "                \"max\": 72812.55,\n",
       "                \"text\": [\n",
       "                    \"High\",\n",
       "                    \"Low\"\n",
       "                ],\n",
       "                \"textStyle\": {\n",
       "                    \"color\": \"#ddd\"\n",
       "                },\n",
       "                \"inRange\": {\n",
       "                    \"color\": [\n",
       "                        \"lightskyblue\",\n",
       "                        \"yellow\",\n",
       "                        \"orangered\"\n",
       "                    ]\n",
       "                },\n",
       "                \"calculable\": true,\n",
       "                \"inverse\": false,\n",
       "                \"splitNumber\": 5,\n",
       "                \"dimension\": 0,\n",
       "                \"orient\": \"vertical\",\n",
       "                \"left\": \"10\",\n",
       "                \"top\": \"center\",\n",
       "                \"showLabel\": true,\n",
       "                \"itemWidth\": 20,\n",
       "                \"itemHeight\": 140,\n",
       "                \"borderWidth\": 0\n",
       "            },\n",
       "            \"color\": [\n",
       "                \"#c23531\",\n",
       "                \"#2f4554\",\n",
       "                \"#61a0a8\",\n",
       "                \"#d48265\",\n",
       "                \"#749f83\",\n",
       "                \"#ca8622\",\n",
       "                \"#bda29a\",\n",
       "                \"#6e7074\",\n",
       "                \"#546570\",\n",
       "                \"#c4ccd3\",\n",
       "                \"#f05b72\",\n",
       "                \"#ef5b9c\",\n",
       "                \"#f47920\",\n",
       "                \"#905a3d\",\n",
       "                \"#fab27b\",\n",
       "                \"#2a5caa\",\n",
       "                \"#444693\",\n",
       "                \"#726930\",\n",
       "                \"#b2d235\",\n",
       "                \"#6d8346\",\n",
       "                \"#ac6767\",\n",
       "                \"#1d953f\",\n",
       "                \"#6950a1\",\n",
       "                \"#918597\"\n",
       "            ],\n",
       "            \"graphic\": [\n",
       "                {\n",
       "                    \"type\": \"group\",\n",
       "                    \"diffChildrenByName\": false,\n",
       "                    \"children\": [\n",
       "                        {\n",
       "                            \"type\": \"rect\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"shape\": {\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"width\": 400,\n",
       "                                \"height\": 50\n",
       "                            },\n",
       "                            \"style\": {\n",
       "                                \"fill\": \"rgba(0,0,0,0.3)\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        },\n",
       "                        {\n",
       "                            \"type\": \"text\",\n",
       "                            \"$action\": \"merge\",\n",
       "                            \"rotation\": 0,\n",
       "                            \"left\": \"center\",\n",
       "                            \"top\": \"center\",\n",
       "                            \"bounding\": \"all\",\n",
       "                            \"z\": 100,\n",
       "                            \"zlevel\": 0,\n",
       "                            \"silent\": false,\n",
       "                            \"invisible\": false,\n",
       "                            \"ignore\": false,\n",
       "                            \"cursor\": \"pointer\",\n",
       "                            \"draggable\": false,\n",
       "                            \"progressive\": false,\n",
       "                            \"width\": 0,\n",
       "                            \"height\": 0,\n",
       "                            \"style\": {\n",
       "                                \"text\": \"2015 \\u5e74\",\n",
       "                                \"x\": 0,\n",
       "                                \"y\": 0,\n",
       "                                \"font\": \"bold 26px Microsoft YaHei\",\n",
       "                                \"textAlign\": \"left\",\n",
       "                                \"fill\": \"#fff\",\n",
       "                                \"line_width\": 0\n",
       "                            }\n",
       "                        }\n",
       "                    ],\n",
       "                    \"$action\": \"merge\",\n",
       "                    \"rotation\": Math.PI / 4,\n",
       "                    \"right\": 110,\n",
       "                    \"bottom\": 110,\n",
       "                    \"bounding\": \"raw\",\n",
       "                    \"z\": 100,\n",
       "                    \"zlevel\": 0,\n",
       "                    \"silent\": false,\n",
       "                    \"invisible\": false,\n",
       "                    \"ignore\": false,\n",
       "                    \"cursor\": \"pointer\",\n",
       "                    \"draggable\": false,\n",
       "                    \"progressive\": false,\n",
       "                    \"width\": 0,\n",
       "                    \"height\": 0\n",
       "                }\n",
       "            ]\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_6b0d6101e92a4336832225a63a2315ac.setOption(option_6b0d6101e92a4336832225a63a2315ac);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f052022c470>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pyecharts.options as opts\n",
    "from pyecharts.globals import ThemeType\n",
    "from pyecharts.commons.utils import JsCode\n",
    "from pyecharts.charts import Timeline, Grid, Bar, Map, Pie\n",
    "\n",
    "\"\"\"\n",
    "Gallery 使用 pyecharts 1.0.0\n",
    "参考地址: https://gallery.echartsjs.com/editor.html?c=xSkGI6zLmb\n",
    "\n",
    "目前无法实现的功能:\n",
    "\n",
    "1、\n",
    "\"\"\"\n",
    "\n",
    "data = [\n",
    "    {\n",
    "        \"time\": 1980,\n",
    "        \"data\": [\n",
    "            {\"name\": \"台湾\", \"value\": [633.76, 12.28, \"台湾\"]},\n",
    "            {\"name\": \"香港\", \"value\": [432.47, 8.38, \"香港\"]},\n",
    "            {\"name\": \"江苏\", \"value\": [319.8, 6.2, \"江苏\"]},\n",
    "            {\"name\": \"上海\", \"value\": [311.89, 6.05, \"上海\"]},\n",
    "            {\"name\": \"山东\", \"value\": [292.13, 5.66, \"山东\"]},\n",
    "            {\"name\": \"辽宁\", \"value\": [281, 5.45, \"辽宁\"]},\n",
    "            {\"name\": \"广东\", \"value\": [249.65, 4.84, \"广东\"]},\n",
    "            {\"name\": \"四川\", \"value\": [229.31, 4.44, \"四川\"]},\n",
    "            {\"name\": \"河南\", \"value\": [229.16, 4.44, \"河南\"]},\n",
    "            {\"name\": \"黑龙江\", \"value\": [221, 4.28, \"黑龙江\"]},\n",
    "        ],\n",
    "    },\n",
    "    {\n",
    "        \"time\": 2000,\n",
    "        \"data\": [\n",
    "            {\"name\": \"台湾\", \"value\": [27435.15, 19.47, \"台湾\"]},\n",
    "            {\"name\": \"香港\", \"value\": [14201.59, 10.08, \"香港\"]},\n",
    "            {\"name\": \"广东\", \"value\": [10741.25, 7.62, \"广东\"]},\n",
    "            {\"name\": \"江苏\", \"value\": [8553.69, 6.07, \"江苏\"]},\n",
    "            {\"name\": \"山东\", \"value\": [8337.47, 5.92, \"山东\"]},\n",
    "            {\"name\": \"浙江\", \"value\": [6141.03, 4.36, \"浙江\"]},\n",
    "            {\"name\": \"河南\", \"value\": [5052.99, 3.59, \"河南\"]},\n",
    "            {\"name\": \"河北\", \"value\": [5043.96, 3.58, \"河北\"]},\n",
    "            {\"name\": \"上海\", \"value\": [4771.17, 3.39, \"上海\"]},\n",
    "            {\"name\": \"辽宁\", \"value\": [4669.1, 3.31, \"辽宁\"]},\n",
    "        ],\n",
    "    },\n",
    "    {\n",
    "        \"time\": 2005,\n",
    "        \"data\": [\n",
    "            {\"name\": \"台湾\", \"value\": [30792.89, 12.52, \"台湾\"]},\n",
    "            {\"name\": \"广东\", \"value\": [22527.37, 9.16, \"广东\"]},\n",
    "            {\"name\": \"江苏\", \"value\": [18598.69, 7.56, \"江苏\"]},\n",
    "            {\"name\": \"山东\", \"value\": [18366.87, 7.47, \"山东\"]},\n",
    "            {\"name\": \"香港\", \"value\": [14869.68, 6.05, \"香港\"]},\n",
    "            {\"name\": \"浙江\", \"value\": [13417.68, 5.46, \"浙江\"]},\n",
    "            {\"name\": \"河南\", \"value\": [10587.42, 4.3, \"河南\"]},\n",
    "            {\"name\": \"河北\", \"value\": [10043.42, 4.08, \"河北\"]},\n",
    "            {\"name\": \"上海\", \"value\": [9247.66, 3.76, \"上海\"]},\n",
    "            {\"name\": \"辽宁\", \"value\": [8047.3, 3.27, \"辽宁\"]},\n",
    "        ],\n",
    "    },\n",
    "    {\n",
    "        \"time\": 2010,\n",
    "        \"data\": [\n",
    "            {\"name\": \"广东\", \"value\": [46036.25, 9.49, \"广东\"]},\n",
    "            {\"name\": \"江苏\", \"value\": [41425.48, 8.54, \"江苏\"]},\n",
    "            {\"name\": \"山东\", \"value\": [39169.92, 8.08, \"山东\"]},\n",
    "            {\"name\": \"台湾\", \"value\": [30205.64, 6.23, \"台湾\"]},\n",
    "            {\"name\": \"浙江\", \"value\": [27747.65, 5.72, \"浙江\"]},\n",
    "            {\"name\": \"河南\", \"value\": [23092.36, 4.76, \"河南\"]},\n",
    "            {\"name\": \"河北\", \"value\": [20394.26, 4.21, \"河北\"]},\n",
    "            {\"name\": \"辽宁\", \"value\": [18457.3, 3.81, \"辽宁\"]},\n",
    "            {\"name\": \"四川\", \"value\": [17185.48, 3.54, \"四川\"]},\n",
    "            {\"name\": \"上海\", \"value\": [17165.98, 3.54, \"上海\"]},\n",
    "        ],\n",
    "    },\n",
    "    {\n",
    "        \"time\": 2015,\n",
    "        \"data\": [\n",
    "            {\"name\": \"广东\", \"value\": [72812.55, 9.35, \"广东\"]},\n",
    "            {\"name\": \"江苏\", \"value\": [70116.38, 9, \"江苏\"]},\n",
    "            {\"name\": \"山东\", \"value\": [63002.3, 8.09, \"山东\"]},\n",
    "            {\"name\": \"浙江\", \"value\": [42886, 5.51, \"浙江\"]},\n",
    "            {\"name\": \"河南\", \"value\": [37010.25, 4.75, \"河南\"]},\n",
    "            {\"name\": \"台湾\", \"value\": [32604.52, 4.19, \"台湾\"]},\n",
    "            {\"name\": \"四川\", \"value\": [30103.1, 3.87, \"四川\"]},\n",
    "            {\"name\": \"河北\", \"value\": [29806.1, 3.83, \"河北\"]},\n",
    "            {\"name\": \"湖北\", \"value\": [29550.19, 3.8, \"湖北\"]},\n",
    "            {\"name\": \"湖南\", \"value\": [29047.2, 3.73, \"湖南\"]},\n",
    "        ],\n",
    "    },\n",
    "]\n",
    "\n",
    "\n",
    "def get_year_chart(year: int):\n",
    "    map_data = [\n",
    "        [[x[\"name\"], x[\"value\"]] for x in d[\"data\"]] for d in data if d[\"time\"] == year\n",
    "    ][0]\n",
    "    min_data, max_data = (\n",
    "        min([d[1][0] for d in map_data]),\n",
    "        max([d[1][0] for d in map_data]),\n",
    "    )\n",
    "    map_chart = (\n",
    "        Map()\n",
    "        .add(\n",
    "            series_name=\"\",\n",
    "            data_pair=map_data,\n",
    "            label_opts=opts.LabelOpts(is_show=False),\n",
    "            is_map_symbol_show=False,\n",
    "            itemstyle_opts={\n",
    "                \"normal\": {\"areaColor\": \"#323c48\", \"borderColor\": \"#404a59\"},\n",
    "                \"emphasis\": {\n",
    "                    \"label\": {\"show\": Timeline},\n",
    "                    \"areaColor\": \"rgba(255,255,255, 0.5)\",\n",
    "                },\n",
    "            },\n",
    "        )\n",
    "        .set_global_opts(\n",
    "            title_opts=opts.TitleOpts(\n",
    "                title=\"1980年以来中国各省GDP排名变化情况\",\n",
    "                subtitle=\"GDP单位:亿元\",\n",
    "                pos_left=\"center\",\n",
    "                pos_top=\"top\",\n",
    "                title_textstyle_opts=opts.TextStyleOpts(\n",
    "                    font_size=25, color=\"rgba(255,255,255, 0.9)\"\n",
    "                ),\n",
    "            ),\n",
    "            tooltip_opts=opts.TooltipOpts(\n",
    "                is_show=True,\n",
    "                formatter=JsCode(\n",
    "                    \"\"\"function(params) {\n",
    "                    if ('value' in params.data) {\n",
    "                        return params.data.value[2] + ': ' + params.data.value[0];\n",
    "                    }\n",
    "                }\"\"\"\n",
    "                ),\n",
    "            ),\n",
    "            visualmap_opts=opts.VisualMapOpts(\n",
    "                is_calculable=True,\n",
    "                dimension=0,\n",
    "                pos_left=\"10\",\n",
    "                pos_top=\"center\",\n",
    "                range_text=[\"High\", \"Low\"],\n",
    "                range_color=[\"lightskyblue\", \"yellow\", \"orangered\"],\n",
    "                textstyle_opts=opts.TextStyleOpts(color=\"#ddd\"),\n",
    "                min_=min_data,\n",
    "                max_=max_data,\n",
    "            ),\n",
    "        )\n",
    "    )\n",
    "\n",
    "    bar_x_data = [x[0] for x in map_data]\n",
    "\n",
    "    # 这里注释的部分会导致 label 和 value 与 饼图不一致\n",
    "    # 使用下面的 List[Dict] 就可以解决这个问题了。\n",
    "    # bar_y_data = [x[1][0] for x in map_data]\n",
    "    bar_y_data = [{\"name\": x[0], \"value\": x[1][0]} for x in map_data]\n",
    "    bar = (\n",
    "        Bar()\n",
    "        .add_xaxis(xaxis_data=bar_x_data)\n",
    "        .add_yaxis(\n",
    "            \"\",\n",
    "            bar_y_data,\n",
    "            yaxis_index=1,\n",
    "            label_opts=opts.LabelOpts(\n",
    "                is_show=True, position=\"right\", formatter=\"{b}: {c}\"\n",
    "            ),\n",
    "        )\n",
    "        .reversal_axis()\n",
    "        .set_global_opts(\n",
    "            xaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(is_show=False)),\n",
    "            yaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(is_show=False)),\n",
    "            tooltip_opts=opts.TooltipOpts(is_show=False),\n",
    "            visualmap_opts=opts.VisualMapOpts(\n",
    "                is_calculable=True,\n",
    "                dimension=0,\n",
    "                pos_left=\"10\",\n",
    "                pos_top=\"center\",\n",
    "                range_text=[\"High\", \"Low\"],\n",
    "                range_color=[\"lightskyblue\", \"yellow\", \"orangered\"],\n",
    "                textstyle_opts=opts.TextStyleOpts(color=\"#ddd\"),\n",
    "                min_=min_data,\n",
    "                max_=max_data,\n",
    "            ),\n",
    "            graphic_opts=[\n",
    "                opts.GraphicGroup(\n",
    "                    graphic_item=opts.GraphicItem(\n",
    "                        rotation=JsCode(\"Math.PI / 4\"),\n",
    "                        bounding=\"raw\",\n",
    "                        right=110,\n",
    "                        bottom=110,\n",
    "                        z=100,\n",
    "                    ),\n",
    "                    children=[\n",
    "                        opts.GraphicRect(\n",
    "                            graphic_item=opts.GraphicItem(left=\"center\", top=\"center\", z=100),\n",
    "                            graphic_shape_opts=opts.GraphicShapeOpts(width=400, height=50),\n",
    "                            graphic_basicstyle_opts=opts.GraphicBasicStyleOpts(\n",
    "                                fill=\"rgba(0,0,0,0.3)\"\n",
    "                            ),\n",
    "                        ),\n",
    "                        opts.GraphicText(\n",
    "                            graphic_item=opts.GraphicItem(left=\"center\", top=\"center\", z=100),\n",
    "                            graphic_textstyle_opts=opts.GraphicTextStyleOpts(\n",
    "                                text=f\"{str(year)} 年\",\n",
    "                                font=\"bold 26px Microsoft YaHei\",\n",
    "                                graphic_basicstyle_opts=opts.GraphicBasicStyleOpts(fill=\"#fff\"),\n",
    "                            ),\n",
    "                        ),\n",
    "                    ],\n",
    "                )\n",
    "            ],\n",
    "        )\n",
    "    )\n",
    "\n",
    "    pie_data = [[x[0], x[1][0]] for x in map_data]\n",
    "    percent_sum = sum([x[1][1] for x in map_data])\n",
    "    rest_value = 0\n",
    "    for d in map_data:\n",
    "        rest_percent = 100.0\n",
    "        rest_percent = rest_percent - percent_sum\n",
    "        rest_value = d[1][0] * (rest_percent / d[1][1])\n",
    "    pie_data.append([\"其他省份\", rest_value])\n",
    "    pie = (\n",
    "        Pie()\n",
    "        .add(\n",
    "            series_name=\"\",\n",
    "            data_pair=pie_data,\n",
    "            radius=[\"12%\", \"20%\"],\n",
    "            center=[\"75%\", \"85%\"],\n",
    "            itemstyle_opts=opts.ItemStyleOpts(\n",
    "                border_width=1, border_color=\"rgba(0,0,0,0.3)\"\n",
    "            ),\n",
    "        )\n",
    "        .set_global_opts(\n",
    "            tooltip_opts=opts.TooltipOpts(is_show=True, formatter=\"{b} {d}%\"),\n",
    "            legend_opts=opts.LegendOpts(is_show=False),\n",
    "        )\n",
    "    )\n",
    "\n",
    "    grid_chart = (\n",
    "        Grid()\n",
    "        .add(\n",
    "            bar,\n",
    "            grid_opts=opts.GridOpts(\n",
    "                pos_left=\"10\", pos_right=\"45%\", pos_top=\"70%\", pos_bottom=\"5\"\n",
    "            ),\n",
    "        )\n",
    "        .add(pie, grid_opts=opts.GridOpts())\n",
    "        .add(map_chart, grid_opts=opts.GridOpts())\n",
    "    )\n",
    "\n",
    "    return grid_chart\n",
    "\n",
    "\n",
    "# Draw Timeline\n",
    "time_list = [1980, 2000, 2005, 2010, 2015]\n",
    "timeline = Timeline(\n",
    "    init_opts=opts.InitOpts(width=\"1200px\", height=\"800px\", theme=ThemeType.DARK)\n",
    ")\n",
    "for y in time_list:\n",
    "    g = get_year_chart(year=y)\n",
    "    timeline.add(g, time_point=str(y))\n",
    "\n",
    "timeline.add_schema(\n",
    "    orient=\"vertical\",\n",
    "    is_auto_play=True,\n",
    "    is_inverse=True,\n",
    "    play_interval=5000,\n",
    "    pos_left=\"null\",\n",
    "    pos_right=\"5\",\n",
    "    pos_top=\"20\",\n",
    "    pos_bottom=\"20\",\n",
    "    width=\"50\",\n",
    "    label_opts=opts.LabelOpts(is_show=True, color=\"#fff\"),\n",
    ")\n",
    "\n",
    "#timeline.render(\"china_gdp_from_1980.html\")\n",
    "timeline.load_javascript()\n",
    "timeline.render_notebook()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 中国地图（带城市）"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china-cities':'https://assets.pyecharts.org/assets/maps/china-cities'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"21d8f3b067744a018505af77576dc1ae\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'china-cities'], function(echarts) {\n",
       "                var chart_21d8f3b067744a018505af77576dc1ae = echarts.init(\n",
       "                    document.getElementById('21d8f3b067744a018505af77576dc1ae'), 'white', {renderer: 'canvas'});\n",
       "                var option_21d8f3b067744a018505af77576dc1ae = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": false,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"china-cities\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"\\u6c55\\u5934\\u5e02\",\n",
       "                    \"value\": 133\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c55\\u5c3e\\u5e02\",\n",
       "                    \"value\": 47\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u63ed\\u9633\\u5e02\",\n",
       "                    \"value\": 119\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u9633\\u6c5f\\u5e02\",\n",
       "                    \"value\": 40\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u8087\\u5e86\\u5e02\",\n",
       "                    \"value\": 133\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u5e7f\\u5dde\\u5e02\",\n",
       "                    \"value\": 118\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u60e0\\u5dde\\u5e02\",\n",
       "                    \"value\": 79\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {}\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-\\u4e2d\\u56fd\\u5730\\u56fe\\uff08\\u5e26\\u57ce\\u5e02\\uff09\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ],\n",
       "    \"visualMap\": {\n",
       "        \"show\": true,\n",
       "        \"type\": \"continuous\",\n",
       "        \"min\": 0,\n",
       "        \"max\": 100,\n",
       "        \"inRange\": {\n",
       "            \"color\": [\n",
       "                \"#50a3ba\",\n",
       "                \"#eac763\",\n",
       "                \"#d94e5d\"\n",
       "            ]\n",
       "        },\n",
       "        \"calculable\": true,\n",
       "        \"inverse\": false,\n",
       "        \"splitNumber\": 5,\n",
       "        \"orient\": \"vertical\",\n",
       "        \"showLabel\": true,\n",
       "        \"itemWidth\": 20,\n",
       "        \"itemHeight\": 140,\n",
       "        \"borderWidth\": 0\n",
       "    }\n",
       "};\n",
       "                chart_21d8f3b067744a018505af77576dc1ae.setOption(option_21d8f3b067744a018505af77576dc1ae);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f35301f2940>"
      ]
     },
     "execution_count": 1,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from pyecharts import options as opts\n",
    "from pyecharts.charts import Map\n",
    "from pyecharts.faker import Faker\n",
    "\n",
    "c2 = (\n",
    "    Map()\n",
    "    .add(\n",
    "        \"商家A\",\n",
    "        [list(z) for z in zip(Faker.guangdong_city, Faker.values())],\n",
    "        \"china-cities\",\n",
    "        label_opts=opts.LabelOpts(is_show=False),\n",
    "    )\n",
    "    .set_global_opts(\n",
    "        title_opts=opts.TitleOpts(title=\"Map-中国地图（带城市）\"),\n",
    "        visualmap_opts=opts.VisualMapOpts(),\n",
    "    )\n",
    "    #.render(\"map_china_cities.html\")\n",
    ")\n",
    "c2.load_javascript()\n",
    "c2.render_notebook()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 广东地图"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', '广东':'https://assets.pyecharts.org/assets/maps/guangdong'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"83a03c869fbd46d89adb120a6ccfaca8\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', '广东'], function(echarts) {\n",
       "                var chart_83a03c869fbd46d89adb120a6ccfaca8 = echarts.init(\n",
       "                    document.getElementById('83a03c869fbd46d89adb120a6ccfaca8'), 'white', {renderer: 'canvas'});\n",
       "                var option_83a03c869fbd46d89adb120a6ccfaca8 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"\\u5e7f\\u4e1c\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"\\u6c55\\u5934\\u5e02\",\n",
       "                    \"value\": 48\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c55\\u5c3e\\u5e02\",\n",
       "                    \"value\": 141\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u63ed\\u9633\\u5e02\",\n",
       "                    \"value\": 127\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u9633\\u6c5f\\u5e02\",\n",
       "                    \"value\": 99\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u8087\\u5e86\\u5e02\",\n",
       "                    \"value\": 146\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u5e7f\\u5dde\\u5e02\",\n",
       "                    \"value\": 107\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u60e0\\u5dde\\u5e02\",\n",
       "                    \"value\": 61\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {}\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-\\u5e7f\\u4e1c\\u5730\\u56fe\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ],\n",
       "    \"visualMap\": {\n",
       "        \"show\": true,\n",
       "        \"type\": \"continuous\",\n",
       "        \"min\": 0,\n",
       "        \"max\": 100,\n",
       "        \"inRange\": {\n",
       "            \"color\": [\n",
       "                \"#50a3ba\",\n",
       "                \"#eac763\",\n",
       "                \"#d94e5d\"\n",
       "            ]\n",
       "        },\n",
       "        \"calculable\": true,\n",
       "        \"inverse\": false,\n",
       "        \"splitNumber\": 5,\n",
       "        \"orient\": \"vertical\",\n",
       "        \"showLabel\": true,\n",
       "        \"itemWidth\": 20,\n",
       "        \"itemHeight\": 140,\n",
       "        \"borderWidth\": 0\n",
       "    }\n",
       "};\n",
       "                chart_83a03c869fbd46d89adb120a6ccfaca8.setOption(option_83a03c869fbd46d89adb120a6ccfaca8);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f35304e7fd0>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "c3 = (\n",
    "    Map()\n",
    "    .add(\"商家A\", [list(z) for z in zip(Faker.guangdong_city, Faker.values())], \"广东\")\n",
    "    .set_global_opts(\n",
    "        title_opts=opts.TitleOpts(title=\"Map-广东地图\"), visualmap_opts=opts.VisualMapOpts()\n",
    "    )\n",
    "    #.render(\"map_guangdong.html\")\n",
    ")\n",
    "c3.load_javascript()\n",
    "c3.render_notebook()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 可视化地图"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"835c18f83c974188b0ed9b06d2edf5cf\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'china'], function(echarts) {\n",
       "                var chart_835c18f83c974188b0ed9b06d2edf5cf = echarts.init(\n",
       "                    document.getElementById('835c18f83c974188b0ed9b06d2edf5cf'), 'white', {renderer: 'canvas'});\n",
       "                var option_835c18f83c974188b0ed9b06d2edf5cf = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"china\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                    \"value\": 138\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u5317\\u4eac\",\n",
       "                    \"value\": 133\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u4e0a\\u6d77\",\n",
       "                    \"value\": 41\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u897f\",\n",
       "                    \"value\": 137\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6e56\\u5357\",\n",
       "                    \"value\": 107\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6d59\\u6c5f\",\n",
       "                    \"value\": 133\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u82cf\",\n",
       "                    \"value\": 41\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {}\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-VisualMap\\uff08\\u8fde\\u7eed\\u578b\\uff09\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ],\n",
       "    \"visualMap\": {\n",
       "        \"show\": true,\n",
       "        \"type\": \"continuous\",\n",
       "        \"min\": 0,\n",
       "        \"max\": 200,\n",
       "        \"inRange\": {\n",
       "            \"color\": [\n",
       "                \"#50a3ba\",\n",
       "                \"#eac763\",\n",
       "                \"#d94e5d\"\n",
       "            ]\n",
       "        },\n",
       "        \"calculable\": true,\n",
       "        \"inverse\": false,\n",
       "        \"splitNumber\": 5,\n",
       "        \"orient\": \"vertical\",\n",
       "        \"showLabel\": true,\n",
       "        \"itemWidth\": 20,\n",
       "        \"itemHeight\": 140,\n",
       "        \"borderWidth\": 0\n",
       "    }\n",
       "};\n",
       "                chart_835c18f83c974188b0ed9b06d2edf5cf.setOption(option_835c18f83c974188b0ed9b06d2edf5cf);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f35305076d8>"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "c4 = (\n",
    "    Map()\n",
    "    .add(\"商家A\", [list(z) for z in zip(Faker.provinces, Faker.values())], \"china\")\n",
    "    .set_global_opts(\n",
    "        title_opts=opts.TitleOpts(title=\"Map-VisualMap（连续型）\"),\n",
    "        visualmap_opts=opts.VisualMapOpts(max_=200),\n",
    "    )\n",
    "    #.render(\"map_visualmap.html\")\n",
    ")\n",
    "c4.load_javascript()\n",
    "c4.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"9e7eb837b423483086f86d50c6ca4392\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'china'], function(echarts) {\n",
       "                var chart_9e7eb837b423483086f86d50c6ca4392 = echarts.init(\n",
       "                    document.getElementById('9e7eb837b423483086f86d50c6ca4392'), 'white', {renderer: 'canvas'});\n",
       "                var option_9e7eb837b423483086f86d50c6ca4392 = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": true,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"china\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                    \"value\": 139\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u5317\\u4eac\",\n",
       "                    \"value\": 39\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u4e0a\\u6d77\",\n",
       "                    \"value\": 49\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u897f\",\n",
       "                    \"value\": 43\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6e56\\u5357\",\n",
       "                    \"value\": 77\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6d59\\u6c5f\",\n",
       "                    \"value\": 57\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u82cf\",\n",
       "                    \"value\": 129\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {}\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-VisualMap\\uff08\\u5206\\u6bb5\\u578b\\uff09\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ],\n",
       "    \"visualMap\": {\n",
       "        \"show\": true,\n",
       "        \"type\": \"piecewise\",\n",
       "        \"min\": 0,\n",
       "        \"max\": 200,\n",
       "        \"inRange\": {\n",
       "            \"color\": [\n",
       "                \"#50a3ba\",\n",
       "                \"#eac763\",\n",
       "                \"#d94e5d\"\n",
       "            ]\n",
       "        },\n",
       "        \"calculable\": true,\n",
       "        \"inverse\": false,\n",
       "        \"splitNumber\": 5,\n",
       "        \"orient\": \"vertical\",\n",
       "        \"showLabel\": true,\n",
       "        \"itemWidth\": 20,\n",
       "        \"itemHeight\": 14,\n",
       "        \"borderWidth\": 0\n",
       "    }\n",
       "};\n",
       "                chart_9e7eb837b423483086f86d50c6ca4392.setOption(option_9e7eb837b423483086f86d50c6ca4392);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f35301cbf98>"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "c5 = (\n",
    "    Map()\n",
    "    .add(\"商家A\", [list(z) for z in zip(Faker.provinces, Faker.values())], \"china\")\n",
    "    .set_global_opts(\n",
    "        title_opts=opts.TitleOpts(title=\"Map-VisualMap（分段型）\"),\n",
    "        visualmap_opts=opts.VisualMapOpts(max_=200, is_piecewise=True),\n",
    "    )\n",
    "    #.render(\"map_visualmap_piecewise.html\")\n",
    ")\n",
    "c5.load_javascript()\n",
    "c5.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'china':'https://assets.pyecharts.org/assets/maps/china'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"c628bc59c303462e8b9b9a289fa10cda\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'china'], function(echarts) {\n",
       "                var chart_c628bc59c303462e8b9b9a289fa10cda = echarts.init(\n",
       "                    document.getElementById('c628bc59c303462e8b9b9a289fa10cda'), 'white', {renderer: 'canvas'});\n",
       "                var option_c628bc59c303462e8b9b9a289fa10cda = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": false,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"china\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"\\u5e7f\\u4e1c\",\n",
       "                    \"value\": 38\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u5317\\u4eac\",\n",
       "                    \"value\": 135\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u4e0a\\u6d77\",\n",
       "                    \"value\": 89\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u897f\",\n",
       "                    \"value\": 115\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6e56\\u5357\",\n",
       "                    \"value\": 51\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6d59\\u6c5f\",\n",
       "                    \"value\": 102\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"\\u6c5f\\u82cf\",\n",
       "                    \"value\": 76\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {},\n",
       "            \"rippleEffect\": {\n",
       "                \"show\": true,\n",
       "                \"brushType\": \"stroke\",\n",
       "                \"scale\": 2.5,\n",
       "                \"period\": 4\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-\\u4e0d\\u663e\\u793aLabel\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ]\n",
       "};\n",
       "                chart_c628bc59c303462e8b9b9a289fa10cda.setOption(option_c628bc59c303462e8b9b9a289fa10cda);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f353019b518>"
      ]
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "c6 = (\n",
    "    Map()\n",
    "    .add(\"商家A\", [list(z) for z in zip(Faker.provinces, Faker.values())], \"china\")\n",
    "    .set_series_opts(label_opts=opts.LabelOpts(is_show=False))\n",
    "    .set_global_opts(title_opts=opts.TitleOpts(title=\"Map-不显示Label\"))\n",
    "    #.render(\"map_without_label.html\")\n",
    ")\n",
    "c6.load_javascript()\n",
    "c6.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/home/fisadm/anaconda3/envs/detectron2/lib/python3.7/site-packages/pyecharts/charts/chart.py:14: PendingDeprecationWarning: pyecharts 所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 :)\n",
      "  super().__init__(init_opts=init_opts)\n"
     ]
    },
    {
     "data": {
      "text/html": [
       "\n",
       "<script>\n",
       "    require.config({\n",
       "        paths: {\n",
       "            'echarts':'https://assets.pyecharts.org/assets/echarts.min', 'world':'https://assets.pyecharts.org/assets/maps/world'\n",
       "        }\n",
       "    });\n",
       "</script>\n",
       "\n",
       "        <div id=\"f1e9cab28fe74989838b416dcd27fd3e\" style=\"width:900px; height:500px;\"></div>\n",
       "\n",
       "<script>\n",
       "        require(['echarts', 'world'], function(echarts) {\n",
       "                var chart_f1e9cab28fe74989838b416dcd27fd3e = echarts.init(\n",
       "                    document.getElementById('f1e9cab28fe74989838b416dcd27fd3e'), 'white', {renderer: 'canvas'});\n",
       "                var option_f1e9cab28fe74989838b416dcd27fd3e = {\n",
       "    \"animation\": true,\n",
       "    \"animationThreshold\": 2000,\n",
       "    \"animationDuration\": 1000,\n",
       "    \"animationEasing\": \"cubicOut\",\n",
       "    \"animationDelay\": 0,\n",
       "    \"animationDurationUpdate\": 300,\n",
       "    \"animationEasingUpdate\": \"cubicOut\",\n",
       "    \"animationDelayUpdate\": 0,\n",
       "    \"color\": [\n",
       "        \"#c23531\",\n",
       "        \"#2f4554\",\n",
       "        \"#61a0a8\",\n",
       "        \"#d48265\",\n",
       "        \"#749f83\",\n",
       "        \"#ca8622\",\n",
       "        \"#bda29a\",\n",
       "        \"#6e7074\",\n",
       "        \"#546570\",\n",
       "        \"#c4ccd3\",\n",
       "        \"#f05b72\",\n",
       "        \"#ef5b9c\",\n",
       "        \"#f47920\",\n",
       "        \"#905a3d\",\n",
       "        \"#fab27b\",\n",
       "        \"#2a5caa\",\n",
       "        \"#444693\",\n",
       "        \"#726930\",\n",
       "        \"#b2d235\",\n",
       "        \"#6d8346\",\n",
       "        \"#ac6767\",\n",
       "        \"#1d953f\",\n",
       "        \"#6950a1\",\n",
       "        \"#918597\"\n",
       "    ],\n",
       "    \"series\": [\n",
       "        {\n",
       "            \"type\": \"map\",\n",
       "            \"name\": \"\\u5546\\u5bb6A\",\n",
       "            \"label\": {\n",
       "                \"show\": false,\n",
       "                \"position\": \"top\",\n",
       "                \"margin\": 8\n",
       "            },\n",
       "            \"mapType\": \"world\",\n",
       "            \"data\": [\n",
       "                {\n",
       "                    \"name\": \"China\",\n",
       "                    \"value\": 123\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"Canada\",\n",
       "                    \"value\": 58\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"Brazil\",\n",
       "                    \"value\": 42\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"Russia\",\n",
       "                    \"value\": 84\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"United States\",\n",
       "                    \"value\": 117\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"Africa\",\n",
       "                    \"value\": 84\n",
       "                },\n",
       "                {\n",
       "                    \"name\": \"Germany\",\n",
       "                    \"value\": 35\n",
       "                }\n",
       "            ],\n",
       "            \"roam\": true,\n",
       "            \"zoom\": 1,\n",
       "            \"showLegendSymbol\": true,\n",
       "            \"emphasis\": {},\n",
       "            \"rippleEffect\": {\n",
       "                \"show\": true,\n",
       "                \"brushType\": \"stroke\",\n",
       "                \"scale\": 2.5,\n",
       "                \"period\": 4\n",
       "            }\n",
       "        }\n",
       "    ],\n",
       "    \"legend\": [\n",
       "        {\n",
       "            \"data\": [\n",
       "                \"\\u5546\\u5bb6A\"\n",
       "            ],\n",
       "            \"selected\": {\n",
       "                \"\\u5546\\u5bb6A\": true\n",
       "            },\n",
       "            \"show\": true,\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10,\n",
       "            \"itemWidth\": 25,\n",
       "            \"itemHeight\": 14\n",
       "        }\n",
       "    ],\n",
       "    \"tooltip\": {\n",
       "        \"show\": true,\n",
       "        \"trigger\": \"item\",\n",
       "        \"triggerOn\": \"mousemove|click\",\n",
       "        \"axisPointer\": {\n",
       "            \"type\": \"line\"\n",
       "        },\n",
       "        \"showContent\": true,\n",
       "        \"alwaysShowContent\": false,\n",
       "        \"showDelay\": 0,\n",
       "        \"hideDelay\": 100,\n",
       "        \"textStyle\": {\n",
       "            \"fontSize\": 14\n",
       "        },\n",
       "        \"borderWidth\": 0,\n",
       "        \"padding\": 5\n",
       "    },\n",
       "    \"title\": [\n",
       "        {\n",
       "            \"text\": \"Map-\\u4e16\\u754c\\u5730\\u56fe\",\n",
       "            \"padding\": 5,\n",
       "            \"itemGap\": 10\n",
       "        }\n",
       "    ],\n",
       "    \"visualMap\": {\n",
       "        \"show\": true,\n",
       "        \"type\": \"continuous\",\n",
       "        \"min\": 0,\n",
       "        \"max\": 200,\n",
       "        \"inRange\": {\n",
       "            \"color\": [\n",
       "                \"#50a3ba\",\n",
       "                \"#eac763\",\n",
       "                \"#d94e5d\"\n",
       "            ]\n",
       "        },\n",
       "        \"calculable\": true,\n",
       "        \"inverse\": false,\n",
       "        \"splitNumber\": 5,\n",
       "        \"orient\": \"vertical\",\n",
       "        \"showLabel\": true,\n",
       "        \"itemWidth\": 20,\n",
       "        \"itemHeight\": 140,\n",
       "        \"borderWidth\": 0\n",
       "    }\n",
       "};\n",
       "                chart_f1e9cab28fe74989838b416dcd27fd3e.setOption(option_f1e9cab28fe74989838b416dcd27fd3e);\n",
       "        });\n",
       "    </script>\n"
      ],
      "text/plain": [
       "<pyecharts.render.display.HTML at 0x7f3530515320>"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "c7 = (\n",
    "    Map()\n",
    "    .add(\"商家A\", [list(z) for z in zip(Faker.country, Faker.values())], \"world\")\n",
    "    .set_series_opts(label_opts=opts.LabelOpts(is_show=False))\n",
    "    .set_global_opts(\n",
    "        title_opts=opts.TitleOpts(title=\"Map-世界地图\"),\n",
    "        visualmap_opts=opts.VisualMapOpts(max_=200),\n",
    "    )\n",
    "    #.render(\"map_world.html\")\n",
    ")\n",
    "c7.load_javascript()\n",
    "c7.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "ename": "NameError",
     "evalue": "name 'get_json_data' is not defined",
     "output_type": "error",
     "traceback": [
      "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
      "\u001b[0;31mNameError\u001b[0m                                 Traceback (most recent call last)",
      "\u001b[0;32m<ipython-input-13-0a9856e9e884>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m\u001b[0m\n\u001b[1;32m     24\u001b[0m \u001b[0;31m# 下载香港地图\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[1;32m     25\u001b[0m data = asyncio.run(\n\u001b[0;32m---> 26\u001b[0;31m     \u001b[0mget_json_data\u001b[0m\u001b[0;34m(\u001b[0m\u001b[0murl\u001b[0m\u001b[0;34m=\u001b[0m\u001b[0;34m\"https://echarts.baidu.com/examples/data/asset/geo/HK.json\"\u001b[0m\u001b[0;34m)\u001b[0m\u001b[0;34m\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m\u001b[1;32m     27\u001b[0m )\n\u001b[1;32m     28\u001b[0m \u001b[0;34m\u001b[0m\u001b[0m\n",
      "\u001b[0;31mNameError\u001b[0m: name 'get_json_data' is not defined"
     ]
    }
   ],
   "source": [
    "import asyncio\n",
    "#from aiohttp import TCPConnector, ClientSession\n",
    "\n",
    "import pyecharts.options as opts\n",
    "from pyecharts.charts import Map\n",
    "import json\n",
    "\"\"\"\n",
    "Gallery 使用 pyecharts 1.1.0\n",
    "参考地址: https://echarts.baidu.com/examples/editor.html?c=map-HK\n",
    "\"\"\"\n",
    "\n",
    "WIKI_LINK = (\n",
    "    \"http://zh.wikipedia.org/wiki/\"\n",
    "    \"%E9%A6%99%E6%B8%AF%E8%A1%8C%E6%94%BF%E5%8D%80%E5%8A%83#cite_note-12\"\n",
    ")\n",
    "\n",
    "\n",
    "# async def get_json_data(url: str) -> dict:\n",
    "#     async with ClientSession(connector=TCPConnector(ssl=False)) as session:\n",
    "#         async with session.get(url=url) as response:\n",
    "#             return await response.json()\n",
    "\n",
    "\n",
    "# 下载香港地图\n",
    "# data = asyncio.run(\n",
    "#     get_json_data(url=\"https://echarts.baidu.com/examples/data/asset/geo/HK.json\")\n",
    "# )\n",
    "with open('HK.json') as f \n",
    "\n",
    "\n",
    "MAP_DATA = [\n",
    "    [\"中西区\", 20057.34],\n",
    "    [\"湾仔\", 15477.48],\n",
    "    [\"东区\", 31686.1],\n",
    "    [\"南区\", 6992.6],\n",
    "    [\"油尖旺\", 44045.49],\n",
    "    [\"深水埗\", 40689.64],\n",
    "    [\"九龙城\", 37659.78],\n",
    "    [\"黄大仙\", 45180.97],\n",
    "    [\"观塘\", 55204.26],\n",
    "    [\"葵青\", 21900.9],\n",
    "    [\"荃湾\", 4918.26],\n",
    "    [\"屯门\", 5881.84],\n",
    "    [\"元朗\", 4178.01],\n",
    "    [\"北区\", 2227.92],\n",
    "    [\"大埔\", 2180.98],\n",
    "    [\"沙田\", 9172.94],\n",
    "    [\"西贡\", 3368],\n",
    "    [\"离岛\", 806.98],\n",
    "]\n",
    "\n",
    "\n",
    "NAME_MAP_DATA = {\n",
    "    # \"key\": \"value\"\n",
    "    # \"name on the hong kong map\": \"name in the MAP DATA\",\n",
    "    \"Central and Western\": \"中西区\",\n",
    "    \"Eastern\": \"东区\",\n",
    "    \"Islands\": \"离岛\",\n",
    "    \"Kowloon City\": \"九龙城\",\n",
    "    \"Kwai Tsing\": \"葵青\",\n",
    "    \"Kwun Tong\": \"观塘\",\n",
    "    \"North\": \"北区\",\n",
    "    \"Sai Kung\": \"西贡\",\n",
    "    \"Sha Tin\": \"沙田\",\n",
    "    \"Sham Shui Po\": \"深水埗\",\n",
    "    \"Southern\": \"南区\",\n",
    "    \"Tai Po\": \"大埔\",\n",
    "    \"Tsuen Wan\": \"荃湾\",\n",
    "    \"Tuen Mun\": \"屯门\",\n",
    "    \"Wan Chai\": \"湾仔\",\n",
    "    \"Wong Tai Sin\": \"黄大仙\",\n",
    "    \"Yau Tsim Mong\": \"油尖旺\",\n",
    "    \"Yuen Long\": \"元朗\",\n",
    "}\n",
    "\n",
    "c8 = (\n",
    "    Map()\n",
    "    .add_js_funcs(\"echarts.registerMap('HK', {});\".format(data))\n",
    "    .add(\n",
    "        series_name=\"香港18区人口密度\",\n",
    "        maptype=\"HK\",\n",
    "        data_pair=MAP_DATA,\n",
    "        name_map=NAME_MAP_DATA,\n",
    "        is_map_symbol_show=False,\n",
    "    )\n",
    "    .set_global_opts(\n",
    "        title_opts=opts.TitleOpts(\n",
    "            title=\"香港18区人口密度 （2011）\",\n",
    "            subtitle=\"人口密度数据来自Wikipedia\",\n",
    "            subtitle_link=WIKI_LINK,\n",
    "        ),\n",
    "        tooltip_opts=opts.TooltipOpts(\n",
    "            trigger=\"item\", formatter=\"{b}<br/>{c} (p / km2)\"\n",
    "        ),\n",
    "        visualmap_opts=opts.VisualMapOpts(\n",
    "            min_=800,\n",
    "            max_=50000,\n",
    "            range_text=[\"High\", \"Low\"],\n",
    "            is_calculable=True,\n",
    "            range_color=[\"lightskyblue\", \"yellow\", \"orangered\"],\n",
    "        ),\n",
    "    )\n",
    "   # .render(\"population_density_of_HongKong.html\")\n",
    ")\n",
    "c8.load_javascript()\n",
    "c8.render_notebook()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.7.3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}
